<template>
  <div class="party">
    <van-nav-bar title="泊寓ING" left-arrow @click-left="onClickLeft" class="bar" />
    <div class="top">
      <p v-html="item.boyu_gcontent"></p>
    </div>
    <div class="btn_div"><button class="btn">查看相关信息</button></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      item: {},
      gid: this.$route.query.gid,
    };
  },
  mounted() {
    this.axios
      .get("/ingstory", {
        params: {
          gid: this.$route.query.gid,
        },
      })
      .then((res) => {
        this.item = res.data.results;
      });
  },
  methods: {
    onClickLeft() {
      this.$router.push("/find");
    },
  },
};
</script>
<style>
.bar{
  width:100%;
  height:50px;
  position: fixed;
  top:0;left:0;
}
.top{
  margin-top:50px;
}
.btn_div{
  width:100%;
  height:70px;
  background: #fff;
  display:flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom:0;
}
.btn{
  width:80%;
  height:70%;
  background:#ff6c2c; 
  color:#fff;
  display:block;
  border:0;
  padding:15px;
  border-radius:5px;
}
</style>
